<section class="content-section-column">
  <lv-alert [lvShowIcon]="false">This is content ...</lv-alert>

  <lv-alert lvType="info" [lvClosable]="false">
    <h2 class="lv-alert-title">Note</h2>
    <p class="lv-alert-desc">
      This function is enabled by default. It verifies the certificate of the added storage device to ensure that the storage device is
      secure and recognized by the system.
    </p>
  </lv-alert>

  <lv-alert lvType="success" lvIcon="lv-icon-ok">This is content ...</lv-alert>

  <lv-alert lvType="warning" [lvShowIcon]="false" [lvClosable]="false">
    <h2 class="lv-alert-title">Title</h2>
    <p class="lv-alert-desc">This is content...</p>
  </lv-alert>

  <lv-alert lvType="error" [lvIcon]="iconTpl">
    <h2 class="lv-alert-title">Title</h2>
    <div class="lv-alert-desc">
      <p>This is content...</p>
      <p>This is content...</p>
      <p>This is content...</p>
    </div>
  </lv-alert>
</section>

<ng-template #iconTpl>
  <div class="myicon">
    <i lv-icon="lv-icon-status-failed"></i>
  </div>
</ng-template>
